<div class="tab">
  <ul>
    <li><a href="#tab1">엑셀입력</a></li>
    <li><a href="#tab2">직접입력</a></li>
  </ul>
  <div id="tab1">
    <section class="accordion">
      <h4>이동감시초소 등록</h4>
      <div>
        <div class="btn_fr">
          <button type="button close_btn">이동감시초소 업로드 양식 다운로드</button>
        </div>
        <form>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" class="searchTb">
            <tr>
              <th scope="row">이동감시초소 파일 업로드</th>
              <td colspan="3"><label for="fileField"></label>
                <input type="file" name="fileField" id="fileField" /></td>
            </tr>
          </table>
          <div class="btn_dp">
            <button type="button" onclick="loadData()">전송</button>
          </div>
        </form>
      </div>
    </section>
    <section class="accordion">
      <h4>이동감시초소 업로드 목록</h4>
      <div class="ui-content-grid">
        <table id="regist_list">
        </table>
        <div id="regist_pager"> </div>
      </div>
    </section>
    <script type="text/javascript">
    
            jQuery("#regist_list").jqGrid({        
                url:'/sample/data12.json',
                datatype: "json",
                colModel:[
				{name:'초소관리번호' ,	width:100, 	align:"center", editable:true}
				,{name:'관리기관행정코드',	width:100, 	align:"center", editable:true}
				,{name:'행정구역코드',	width:100, 	align:"center", editable:true}
				,{name:'시도',	width:100, 	align:"center", editable:true}
				,{name:'시군구',	width:100, 	align:"center", editable:true}
				,{name:'읍면동',	width:100, 	align:"center", editable:true}
				,{name:'리',	width:100, 	align:"center", editable:true}
				,{name:'위치X좌표',	width:100, 	align:"center", editable:true}
				,{name:'위치Y좌표',	width:100, 	align:"center", editable:true}
				,{name:'초소수',	width:100, 	align:"center", editable:true}
				,{name:'근무인원',	width:100, 	align:"center", editable:true}
				,{name:'년인원',	width:100, 	align:"center", editable:true}
				,{name:'실적건수',	width:100, 	align:"center", editable:true}
				,{name:'조경수',	width:100, 	align:"center", 	editable:true}
				,{name:'원목',	width:100, 	align:"center", editable:true}
				,{name:'제재목',	width:100, 	align:"center", editable:true}
				,{name:'통과',	width:100, 	align:"center", editable:true}
				,{name:'적발',	width:100, 	align:"center", editable:true}
				,{name:'방제명령',	width:100, 	align:"center", editable:true}
				,{name:'벌금',	width:100, 	align:"center", editable:true}
				,{name:'과태료',	width:100, 	align:"center", editable:true}
				,{name:'등록해제여부',	width:100, 	align:"center", editable:true}
				,{name:'등록해제일시',	width:100, 	align:"center", editable:true}
				,{name:'단속초소비고',	width:100, 	align:"center", editable:true}
				,{name:'등록자ID',	width:100, 	align:"center", editable:true}
				,{name:'등록일시',	width:100, 	align:"center", editable:true}
				,{name:'수정자ID',	width:100, 	align:"center", editable:true}
				,{name:'수정일시',	width:100, 	align:"center", editable:true}

			]
                , rowNum:20
                , rowList:[10,20,30]
                , pager: '#regist_pager'
                , viewrecords: true
                , caption : ''
                , autowidth : true
                , shrinkToFit : false
                , forceFit : true
            });
            jQuery("#regist_list").jqGrid('navGrid','#pjmap',{edit:false,add:false,del:false});
            jQuery("#regist_list").jqGrid("setFrozenColumns");
            jQuery("#regist_list").jqGrid("gridResize");			
            </script>
    <section class="accordion">
      <h4>업로드 오류목록</h4>
      <div class="ui-content-grid">
		<table id="regist_error_list"></table>
        <div id="regist_error_paper"></div>
        <div class="btn_dp">
          <button type="button" onclick="loadData()">저장 </button>
          <button type="button" class="close">닫기</button>
        </div>
      </div>
    </section>
    <script type="text/javascript">
		 jQuery("#regist_error_list").jqGrid({        
                url:'/sample/data11.json',
                datatype: "json",
                colModel:[
					 {name:'반출금지구역번호' ,	width:100, 	align:"center"}
                    ,{name:'행' ,	width:100, 	align:"center"}
                    ,{name:'열' ,	width:100, 	align:"center"}
                    ,{name:'오류내용' ,	width:300, 	align:"left"}
                ]
                , rowNum:20
                , rowList:[10,20,30]
                , pager: '#regist_error_paper'
                , viewrecords: true
                , caption : ''
				, height : '100px'
                , autowidth : true
//                , shrinkToFit : false
            });
            jQuery("#regist_error_list").jqGrid('navGrid','#regist_error_paper',{edit:false,add:false,del:false});
            jQuery("#regist_error_list").jqGrid("setFrozenColumns");
			jQuery("#regist_error_list").jqGrid("gridResize");
			
	</script> 
  </div>
  <div id="tab2">
  	<form name="form1" method="post" action="">
      <table width="100%" cellpadding="0" cellspacing="0" class="searchTb">
        <col width="100" />
        <col width="100" />
        <col width="100" />
        <col width="100" />
        <tr>
          <th colspan="2">지역선택</th>
          <td colspan="3">
          	<select name="select" id="select">
                <option selected="selected">전체</option>
                <option>서울특별시</option>
                <option>경기도</option>
                <option>강원도</option>
              </select>
              <select name="select2" id="select2">
                <option>전체</option>
                <option>유성구</option>
                <option>서구</option>
                <option>동구</option>
              </select>
              <select name="select3" id="select3">
                <option>전체</option>
                <option>구암동</option>
                <option>둔산동</option>
                <option>월평동</option>
              </select>
          </td>
        </tr>
        <tr>
          <th colspan="2"> 행정구역코드</th>
          <td td colspan="3"><input type="text" name="textfield10" id="textfield10" /></td>
        </tr>
         <tr>
          <th colspan="2">위치(좌표)</th>
          <td colspan="3">X: <input name="textfield2" type="text" id="textfield2" value="299823" />  Y: <input name="textfield3" type="text" id="textfield3" value="185722" /> <a href="#" class="btn layer">지도로 찾기</a></td>
        </tr>        
         <tr>
          <th colspan="2">관리기관</th>
          <td colspan="3"><label for="select"></label>
            <select name="select" id="select">
              <option selected="selected">국립산림과학원</option>
            </select> <button type="button" class="close">기관검색</button></td>
        </tr>
        <tr>
          <th colspan="2">초소수</th>
          <td colspan="3"><input type="text" name="textfield10" id="textfield10" /></td>
        </tr>
        <tr>
          <th colspan="2">근무인원(명)</th>
          <td colspan="3"><input type="text" name="textfield10" id="textfield10" /></td>
        </tr>
        <tr>
          <th colspan="2">년인원(명)</th>
          <td colspan="3"><input type="text" name="textfield10" id="textfield10" /></td>
        </tr>
         <tr>
          <th rowspan="2">검문실적</th>
          <th>실적건수</th>
          <td><input name="textfield" type="text" id="textfield" value="" /> </td>
          <th>조경수(본)</th>
          <td><input name="textfield4" type="text" id="textfield4" value="" /></td>
        </tr>
        <tr>
          <th>원목(㎥)</th>
          <td><input name="textfield8" type="text" id="textfield8" value="" /></td>
          <th>제재목(㎥)</th>
          <td><input name="textfield6" type="text" id="textfield6" size="" /></td>
        </tr>
        <tr>
          <th rowspan="3">조치사항</th>
          <th>통과(건)</th>
          <td><input name="textfield" type="text" id="textfield" value="" /> </td>
          <th>적발(건)</th>
          <td><input name="textfield7" type="text" id="textfield7" value="" /></td>
        </tr>
        <tr>
          <th>방제명령(건)</th>
          <td><input name="textfield8" type="text" id="textfield8" value="" /></td>
          <th>벌금(만원)</th>
          <td><input name="textfield11" type="text" id="textfield11" value="" /></td>
        </tr>
        <tr>
          <th>과태료(만원)</th>
          <td colspan="3"><input name="textfield9" type="text" id="textfield9" size="" /></td>
        </tr>
        <tr>
          <th colspan="2">등록일</th>
          <td colspan="3"><input type="text" name="textfield10" id="textfield10" class="datepicker"/></td>
        </tr>
        
        <tr>
          <th colspan="2">비고</th>
          <td colspan="3"><textarea name="textarea" id="textarea" cols="45" rows="5">산100-1</textarea></td>
        </tr>
      </table>
      <div class="btn_dp">
        <button type="button">저장</button>
        <button type="button">닫기</button>
      </div>
    </form>
  
  </div>
</div>
